@charset "utf-8";
/* CSS Document */

.center-top a{ width:33.33%;}
.appointment-search{ width:100%; height:78px; overflow:hidden;}
.appointment-search .input-box{ width:auto; height:auto; overflow:hidden; float:left; margin-top:25px; padding-left:28px;}
.appointment-search .input{ width:230px; height:26px; overflow:hidden; float:left; margin-top:2px; padding-left:10px; border:solid 1px #3ecfff; line-height:26px; font-size:16px; color:#838383;}
.appointment-search .submit{ width:80px; height:30px; overflow:hidden; float:left; margin-left:10px; border-radius:6px; background-color:#17b2e6; text-align:center; line-height:30px; font-size:16px; color:#ffffff;}

/* ****************************************************************
 * appointment css
 * ***************************************************************/
.appointment-frame{ width:100%; min-height: 342px; height:auto; overflow:auto;}
.appointment-frame span{ display:block; float:left; text-align:center; line-height:40px; font-size:14px; color:#323232;}
.appointment-head{ width:1000px;height:40px; background-color:#eeeeee; }
.appointment-head span{ border-right:solid 1px #ffffff; position:relative;}
.appointment-head .icon{ display:inline-block; width:12px; height:12px; margin:2px 0 0 5px; background:url(../images/admin/icon.png) no-repeat left top; cursor:pointer;}
.appointment-head .prompt{ display:none; width:300px; height:auto; overflow:hidden; background-color:#ffffff; padding:15px 20px; border:solid 1px #cccccc; position:absolute; right:10px; top:30px; line-height:24px; text-align:left; font-size:14px;}
.appointment-frame .appointment-body{width:1000px;}
.appointment-frame .name{ width:99px;}
.appointment-frame .between{ width:66px;}
.appointment-frame .sex{ width:80px;}
.appointment-frame .describe{     width: 228px;}
.appointment-frame .service{ width:112px;}
.appointment-frame .create-time{ width:156px;}
.appointment-frame .count{ width:84px;}
.appointment-frame .reminder{ width:72px;}
.appointment-frame .operation{ width:92px;}

.appointment-body{ width:918px; height:auto;}
.appointment-li{ width:auto; height:72px; overflow:hidden; border-bottom:dashed 1px #cccccc;}
.appointment-li span{ height:100%; border-right:solid 1px #cccccc; line-height:72px;}
.appointment-li .describe{ width:198px; position: relative;padding:10px 15px 0px 15px; text-align:left; line-height:20px; font-size:16px; color:#323232;}
.appointment-li .describe a{ float:right; color:#17b2e6;cursor:pointer;    padding: 0 5px;
    position: absolute;
    line-height: 28px;
    top: 38px;
    right: 5px;}
.appointment-li .describe>span{
    line-height:28px;
    border-right:none;
    text-overflow: ellipsis;
    overflow:hidden;
    -webkit-line-clamp:2;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    text-align:left;
}
.appointment-li .service{ padding-top:10px; line-height:20px;}
.appointment-li .create-time{ line-height:72px;}
.appointment-li .operation a{ display:block; width:58px; height:28px; margin:22px auto 0; border-radius:5px; background-color:#17b2e6; text-align:center; line-height:28px; font-size:16px; color:#ffffff;}
.appointment-frame.three .count{ width:138px;}
.window.describe .window-frame{ width:556px; padding:20px 20px;}
.window.describe .window-frame .title{ display:block; margin-bottom:30px; line-height:36px; font-size:18px; color:#000000;}
.window.describe .window-frame .text{ text-indent:2em; line-height:24px; font-size:16px; color:#000000;}
.window.describe .window-frame .out{ display:block; width:80px; height:30px; overflow:hidden; margin:20px auto 0; background-color:#17b2e6; border-radius:4px; line-height:30px; text-align:center; font-size:16px; color:#ffffff; cursor:pointer;}










